<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Website Quản Lý Hoạt Động Đoàn</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Link online -->
		<!-- <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/380cb78f450/integration/bootstrap/3/dataTables.bootstrap.css">
		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/plug-ins/380cb78f450/integration/bootstrap/3/dataTables.bootstrap.js"></script> -->
<!-- /Link online-->
<!-- Link local -->
		<script type="text/javascript" language="javascript" src="../resources/js/jquery.js"></script>
		<link rel="stylesheet" type="text/css" href="../resources/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="../resources/css/dataTables.bootstrap.css">
		<script type="text/javascript" language="javascript" src="../resources/js/bootstrap.min.js"></script>
		<script type="text/javascript" language="javascript" src="../resources/js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" language="javascript" src="../resources/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" language="javascript" src="../resources/js/dataTables.bootstrap.js"></script>
<!-- /Link local -->
</head>
<script type="text/javascript">
	$(document).ready(function() {
		$('#listDoanVien').dataTable();
		$("#listDoanVien tr").css('cursor', 'pointer');
		
		$('#themDoanVien').click(function() {
			location.href='themDoanVienDT.jsp';
		});
		$('.xemTTDV').click(function() {
			location.href='thongTinDoanVien.jsp';
		});
		$('.suaTTDV').click(function() {
			location.href='themDoanVienDT.jsp';
		});
		$('.xoaTTDV').click(function() {
			alert("Bạn có muốn xóa thông tin của đoàn viên này không?");
		});
		$('#inDSDoanVien').click(function() {
			alert("Bạn có muốn xuất danh sách này ra file excel không?");
		});
		$('#xoatTatCaDoanVien').click(function() {
			alert("Bạn có muốn xóa tất cả mục đã chọn không?");
		});
		$('#checkAlls').click(function(){
	        // Lấy giá trị checked
	        var checked = this.checked;
	 
	        // Gán giá trị đó vào các list checkbox
	        $('input[name="selected"]').prop('checked', checked);
	    });
	} );
</script>
<body>

	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span><span
								class="icon-bar"></span><span class="icon-bar"></span><span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" style="color: blue;">ĐOÀN TRƯỜNG</a>
					</div>

					<div class="collapse navbar-collapse"
						id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li ><a href="#">TRANG CHỦ</a></li>
							<li class="active"><a href="#">QUẢN LÝ THÔNG TIN</a></li>
							<li ><a href="#">QUẢN LÝ VĂN BẢN</a></li>
							<li ><a href="#">QUẢN LÝ HOẠT ĐỘNG</a></li>									
							<li><a href="#">ĐỔI MẬT KHẨU</a></li>
						</ul>

						<ul class="nav navbar-nav navbar-right">
							<li><a href="#">THOÁT</a></li>
						</ul>
					</div>

				</nav>
				<div class="container">
					<h2>DANH SÁCH ĐOÀN VIÊN </h2>
					<hr>
					<div>
						<table >
							<tr>
								<th></th>
								<th></th>
								<th></th>
								<th></th>
							</tr>
							<tr>
								<td>MSSV</td>
								<td><input class="form-control" type="text" name="ten"
									id="mssv" class="textfield" /></td>
								<td>&nbsp; Tên &nbsp;</td>	
								<td><input class="form-control" type="text" name="ten"
									id="ten" class="textfield" /></td>							
								
							</tr>
							
							<tr>
								<td> &nbsp; </td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
								<td>&nbsp;</td>
							</tr>
							<tr>		
								<td>Năm vào đoàn từ &nbsp;</td>
								<td><input class="form-control" type="text" name="ten"
									id="namBatDau" class="textfield" /></td>
								<td> &nbsp; Đến &nbsp;</td>
								<td><input class="form-control" type="text" name="ten"
									id="namKetThuc" class="textfield" /></td>
							</tr>
						</table>
						<br/>
						<table >
							<tr>
								<th>Đoàn Cơ Sở</th>
								<th>Chi Đoàn</th>
								<th>Giới Tính</th>
								<th>Địa Chỉ</th>
								<th>Quê Quán</th>
								<th></th>
							</tr>
							<tr>
								<td><Select class="form-control" name="doanCoSo" id="doanCoSo">
										<option selected="selected">--Chọn Đoàn Khoa--</option>
										<option value="1">Khoa ĐT CLC</option>
										<option value="2">Khoa CNTT</option>
										<option value="3">Khoa Điện-Điện Tử</option>
										<option value="4">Khoa Kinh Tế</option>
										<option value="5">Khoa Ngoại Ngữ</option>
									</Select></td>
								<td><Select class="form-control" name="chiDoan" id="chiDoan">
										<option selected="selected">--Chọn Chi Đoàn--</option>
										<option value="1">11110CLC</option>
										<option value="2">111125CLC</option>
										<option value="3">111141CLC</option>
										<option value="4">111223CLC</option>
										<option value="5">111142CLC</option>
										<option value="6">111145CLC</option>
									</Select></td>								
								<td>
									<Select class="form-control" name="gioiTinh" id="gioiTinh">
										<option selected="selected">--Chọn Giới Tính--</option>
										<option value="1"> Nam</option>
										<option value="2">Nữ</option>
									</Select>
								</td>		
								<td><input class="form-control" type="text" name="diaChi"
									id="diaChi" class="textfield" /></td>
								<td><input class="form-control" type="text" name="queQuan"
									id="queQuan" class="textfield" /></td>	
								<td><button class="btn btn-success btn-default">Tìm Kiếm</button></td>
							</tr>							
							
						</table>
					</div>
					<br />
					<hr/>					
					<div>
						<button type="button" id="themDoanVien" class="btn btn-primary btn-default">Thêm Đoàn Viên</button>
						<button type="button" id="xoatTatCaDoanVien" class="btn btn-primary btn-default">Xóa Mục Đã Chọn</button>
						<button type="button" id="inDSDoanVien" class="btn btn-primary btn-default">In Danh Sách</button>
					</div>		
					<br/>			
					<table id="listDoanVien" class="table table-striped table-bordered"
						cellspacing="0" width="100%">
						<thead>
							<tr style="background-color: lightgray;">
								<th width="10px"><input id="checkAlls" type="checkbox"/>All</th>
								<th width="90px">MSSV</th>
								<th width="200px">Họ Và Tên</th>
								<th width="80px">Chi Đoàn</th>
								<th width="160px">Đoàn Cơ Sở</th>
								<th>Email</th>
								<th width="60px"></th>
							</tr>
						</thead>
						<tbody id="tbody">
							<tr>
								<td style="text-align: center;"><input class="checkBox" type="checkbox" name="selected"/> </td>
								<td>11110226</td>
								<td>Nguyen Thanh Minh</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>ntminh.hcmute@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
							<tr>
								<td style="text-align: center;"><input class="checkBox" type="checkbox" name="selected"/> </td>
								<td>11110177</td>
								<td>Tran Trong Binh</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>trongbinhspk@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
							<tr>
								<td style="text-align: center;"><input class="checkBox" type="checkbox" name="selected"/> </td>
								<td>11110291</td>
								<td>Nguyen Thanh Tuyen</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>ngtuyen@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
							<tr>
								<td style="text-align: center;"><input class="checkBox" type="checkbox" name="selected"/>&nbsp;</td>
								<td>11110100</td>
								<td>Cao Hoai Phuong</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>phuongch@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
								<tr>
								<td style="text-align: center;"><input class="checkBox" type="checkbox" name="selected"/> </td>
								<td>11110226</td>
								<td>Nguyen Thanh Minh</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>ntminh.hcmute@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
							<tr>
								<td style="text-align: center;"><input class="checkBox" type="checkbox" name="selected"/> </td>
								<td>11110177</td>
								<td>Tran Trong Binh</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>trongbinhspk@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
							<tr>
								<td style="text-align: center;"><input class="checkBox" type="checkbox" name="selected"/> </td>
								<td>11110291</td>
								<td>Nguyen Thanh Tuyen</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>ngtuyen@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
							<tr>
								<td style="text-align: center;"><input class="checkBox" type="checkbox" name="selected"/>&nbsp;</td>
								<td>11110100</td>
								<td>Cao Hoai Phuong</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>phuongch@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
								<tr>
								<td style="text-align: center;"><input class="checkBox" type="checkbox" name="selected"/> </td>
								<td>11110226</td>
								<td>Nguyen Thanh Minh</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>ntminh.hcmute@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
							<tr>
								<td style="text-align: center;"><input  class="checkBox" type="checkbox" name="selected"/> </td>
								<td>11110177</td>
								<td>Tran Trong Binh</td>
								<td>11110CLC</td>
								<td>Khoa ĐT Chất Lượng Cao</td>
								<td>trongbinhspk@gmail.com</td>
								<td>
									<input type="image" class="xemTTDV" src="../resources/img/detail.png"/> &nbsp;
									<input type="image" class="suaTTDV" src="../resources/img/edit.png"/> &nbsp;
									<input type="image" class="xoaTTDV" src="../resources/img/delete.jpg"/>
								</td>
							</tr>
					</tbody>
					</table>
					<br/>
					<hr>
					<div class="row">
						<div class="col-xs-12">
							<footer>
							<p>&copy;Tieu luan chuyen nganh M-B</p>
			
							</footer>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
